import axios from 'axios'; // 引入axios
import QS from 'qs'; // 引入qs模块，用来序列化post类型的数据
import store from '@/store/store';
import {Alert} from 'element-ui'
import { getToken } from './auth'

// axios.defaults.baseURL = 'http://127.0.0.1:8081';//请求地址
axios.defaults.baseURL = 'http://139.9.183.72:8003/api';//请求地址
// axios.defaults.baseURL = 'http://localhost:10010';//请求地址
axios.defaults.timeout = 10000;//请求时间
// if(store.state.headersToken) {
//   axios.defaults.headers.post['token'] = getToken();//请求头
// }else {
//   axios.defaults.headers.post['token'] = '';//请求头
// }

// // 请求拦截器
axios.interceptors.request.use(
  config => {
    // 每次发送请求之前判断是否存在token
    // 如果存在，则统一在http请求的header都加上token，这样后台根据token判断你的登录情况
    // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
    // const token = store.state.token;
    if(store.state.headersToken) {
      config.headers.post['token'] = getToken();//请求头
    }else {
      config.headers.post['token'] = '';//请求头
    }
    return config;
  },
  error => {
    return Promise.error(error);
  }
)
// 响应拦截器
axios.interceptors.response.use(
  response => {
    // 如果返回的状态码为200，说明接口请求成功，可以正常拿到数据
    // 否则的话抛出错误
    if (response.status === 200) {
      return Promise.resolve(response);
    } else {
      if (response.status) {
        switch (response.status) {
          case 400:
            // Alert('网络', '提示', {
            //   confirmButtonText: '确定',
            // });
            break;
          // 401: 未登录
          // 未登录则跳转登录页面，并携带当前页面的路径
          // 在登录成功后返回当前页面，这一步需要在登录页操作。
          case 401:
            setTimeout(() => {
              if(JSON.parse(localStorage.getItem('userInfo'))!=null) {
                localStorage.removeItem('userInfo');
                window.location.reload()
              }
            }, 1500)
            break;

          // 403 token过期
          // 登录过期对用户进行提示
          // 清除本地token和清空vuex中token对象
          // 跳转登录页面
          case 403:
            Alert('登录过期，请重新登录', '提示', {
              confirmButtonText: '确定',
              callback: action => {
                // 清除
                localStorage.removeItem('userInfo');
                window.location.reload()
              }
            });
            break;

          // 404请求不存在
          case 404:
            Alert('网络请求不存在', '提示', {
              confirmButtonText: '确定',
            });
            break;
          // 其他错误，直接抛出错误提示
          default:
            Alert(response.data.message, '提示', {
              confirmButtonText: '确定',
            });
        }
        // return Promise.reject(response);
      }
      return Promise.reject(response);
    }
  },
  // 服务器状态码不是2开头的的情况
  // 这里可以跟你们的后台开发人员协商好统一的错误状态码
  // 然后根据返回的状态码进行一些操作，例如登录过期提示，错误提示等等
  // 下面列举几个常见的操作，其他需求可自行扩展
  error => {
    console.log('response.status:'+error.response.status)
    if (error.response.status) {
      switch (error.response.status) {
        case 400:
          // console.log('网络错误')
          // alert('网络错误')
          Alert('网络', '提示', {
            confirmButtonText: '确定',
          });
          break;
        // 401: 未登录
        // 未登录则跳转登录页面，并携带当前页面的路径
        // 在登录成功后返回当前页面，这一步需要在登录页操作。
        case 401:
          setTimeout(() => {
            if(JSON.parse(localStorage.getItem('userInfo'))!=null) {
              localStorage.removeItem('userInfo');
              window.location.reload()
            }
          }, 1500)
          break;

        // 403 token过期
        // 登录过期对用户进行提示
        // 清除本地token和清空vuex中token对象
        // 跳转登录页面
        case 403:
          Alert('登录过期，请重新登录', '提示', {
            confirmButtonText: '确定',
            callback: action => {
              // 清除
              localStorage.removeItem('userInfo');
              window.location.reload()
            }
          });
          break;

        // 404请求不存在
        case 404:
          Alert('网络请求不存在', '提示', {
            confirmButtonText: '确定',
          });
          break;
        // 其他错误，直接抛出错误提示
        default:
          Alert(error.response.data.message, '提示', {
            confirmButtonText: '确定',
          });
      }
      return Promise.reject(error.response);
    }
  }
)
/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function get(url, params){
  return new Promise((resolve, reject) =>{
    axios.get(url, {
      params: params
    }).then(res => {
      resolve(res.data);
    }).catch(err =>{
      reject(err.data)
    })
  })
}
/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
export function post(url, params) {
  return new Promise((resolve, reject) => {
    axios.post(url, params)
      .then(res => {
        resolve(res.data);
      })
      .catch(err =>{
        reject(err.data)
      })
  });
}

export function post2 (url,params) {
  return axios.post(
    url,
    params,
    // 将responseType的默认json改为blob
    {
      responseType: 'blob',
      emulateJSON: true
    }).then(res => {
    if (res) {
      return Promise.resolve(res.data)
    } else {
      throw res
    }
  }).catch(err => {
    return Promise.reject(err)
  })
}
